<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<script src="static/assets/global/plugins/jquery-1.11.0.min.js"></script>
	<link href="static/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="static/assets/global/css/components.css" rel="stylesheet" type="text/css"/>
	<link href="static/assets/admin/pages/css/login.css" rel="stylesheet" type="text/css"/>
	<title>Document</title>
</head>
<body class="login">
<div class="content">
	<h3 class="form-title">用户注册</h3>
	<div class="form-group">
		<label class="control-label">手机号</label>
		<div>

			<input type="text" placeholder="手机号" name="phone" id="phone"/>
		</div>

	</div>
	<div class="form-group">
		<label class="control-label">验证码</label>
		<div>

			<input type="text" placeholder="验证码" name="otpCode" id="otpCode"/>
		</div>

	</div>
	<div class="form-group">
		<label class="control-label">用户昵称</label>
		<div>
			<input type="text" placeholder="用户昵称" name="name" id="name"/>
		</div>

	</div>
	<div class="form-group">
		<label class="control-label">性别</label>
		<div>

			<input type="text" placeholder="性别" name="gender" id="gender"/>
		</div>

	</div>
	<div class="form-group">
		<label class="control-label">年龄</label>
		<div>

			<input type="text" placeholder="年龄" name="age" id="age"/>
		</div>

	</div>
	<div class="form-group">
		<label class="control-label">密码</label>
		<div>

			<input type="password" placeholder="密码" name="password" id="password"/>
		</div>

	</div>
	<div class="form-actions">
		<button id="register" class="btn blue" type="button">提交注册</button>
	</div>
</div>
</body>
<script>
    $("document").ready(function () {


        $("#register").on('click', function () {
            var phone = $("#phone").val();
            var password = $("#password").val();
            var age = $("#age").val();
            var gender = $("#gender").val();
            var name = $("#name").val();
            var otpCode = $("#otpCode").val();
            //不可以冒泡往上传递
            if (phone == null || phone === "") {
                alert("手机号不能为空");
                return false;
            }
            if (password == null || password === "") {
                alert("密码不能为空");
                return false;
            }
            if (age == null || age === "") {
                alert("年龄不能为空");
                return false;
            }
            if (gender == null || gender === "") {
                alert("性别不能为空");
                return false;
            }
            if (name == null || name === "") {
                alert("用户昵称不能为空");
                return false;
            }
            if (otpCode == null || otpCode === "") {
                alert("验证码不能为空");
                return false;
            }

            $.ajax({
                type: 'POST',
                contentType: "application/x-www-form-urlencoded",
                url: "http://localhost:8090/longer/user/register",
                data: {
                    "phone": phone,
                    "password": password,
                    "age": age,
                    "gender": gender,
                    "name": name,
                    "otpCode": otpCode
                },
                //允许跨域授信请求
                xhrFields: {withCredentials: true},
                success: function (data) {
                    if (data.status === "success") {
                        alert("注册成功")
                    } else {
                        alert("注册失败" + data.data.errorMsg)
                    }
                },
                error: function (data) {
                    alert("验证码发送失败" + data.responseText)
                }
            });
            //不可以冒泡往上传递
            return false
        })

    })
</script>
</html>